<template>
    <div class="Swiper">
        <swiper :options="swiperOption">
        <swiper-slide v-for="(itm,index) in imgsrc" :key="index"><img class="swiper-img" :src="itm"></swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div>
        </swiper>
    </div>
</template>

<script>
    export default {
        data () {
           
        return {
            swiperOption: {
            pagination: '.swiper-pagination',
            loop:true,
            },
            imgsrc:['https://m1.tuniucdn.com/fb2/t1/G5/M00/B4/04/Cii-slwA1HSIEc4_AAPa2w7NYKcAARE3APd9t4AA9rz92.jpeg',
            'https://m1.tuniucdn.com/fb2/t1/G5/M00/B4/04/Cii-slwA1HSIEc4_AAPa2w7NYKcAARE3APd9t4AA9rz92.jpeg'
            ]
           }
        
        }
    }
</script>

<style scoped lang='stylus'>
.Swiper
 width 100%
 overflow hidden
 height 0
 padding-bottom:34.5%
 .swiper-img 
  width 100%
</style>